.el-popover {
	padding: 0px !important;
	.unread-message-title {
		border-bottom: #DDDDDD 1px solid;
		height: 43px;
		.text {
			font-family: PingFangSC-Medium;
			font-size: 12px;
			color: rgba(0,0,0,0.65);
			letter-spacing: 0;
		}
	}
	.history-message-title {
		border-bottom: #DDDDDD 1px solid;
		height: 43px;
		.el-icon-arrow-left {
			width: 7px;
			height: 14px;
			margin-left: 16px;
			cursor: pointer;
		}
		.el-icon-arrow-right {
			width: 7px;
			height: 14px;
			margin-right: 16px;
			visibility:hidden;
		}
		.text {
			font-family: PingFangSC-Medium;
			font-size: 12px;
			color: rgba(0,0,0,0.65);
			letter-spacing: 0;
		}
	}
	.new-message {
		overflow-y: auto;
		.message-item {
			position: relative;
			padding-left: 20px;
			padding-top: 10px;
			margin:0px 10px 0px 10px;
      overflow: hidden;
      cursor: pointer;
      &:hover {
        .message-close {
          width: 10px;
          height: 10px;
          margin-left: 8px;
          visibility: inherit;
        }
      }
			.message-time {
				font-family: PingFangSC-Medium;
				font-size: 12px;
				color: rgba(0,0,0,0.85);
        letter-spacing: 0;
			}
			.message-close {
				width: 10px;
				height: 10px;
        margin-left: 8px;
        visibility:hidden;
			}
			.message-content {
				font-family: PingFangSC-Regular;
				font-size: 12px;
				color: rgba(56,56,56,0.65);
				letter-spacing: 0;
				line-height: 18px;
				margin-top: 8px;
      }
			.status-line{
				position: absolute;
        width: 2px;
        height: 100%;
        top: 14px;
        left: 6px;
        background: #f4f4f4;
        font-size: 0;
        z-index: 20;
        
        .status-top-line{
          position: absolute;
          width: 2px;
          height: 14px;
          top: -14px;
          left: 0;
          background: #f4f4f4;
          z-index: 15;
        }
        .status-icon-on{
          position: absolute;
          width: 10px;
          height: 10px;
          top: -2px;
          left: -4px;
          z-index: 15;
          background: #34E539;
          border-radius: 50%
        }
        .status-icon-off{
          position: absolute;
          width: 10px;
          height: 10px;
          top: -2px;
          left: -4px;
          z-index: 15;
          background: #f4f4f4;
          border-radius: 50%;
        }
			}
			&:first-of-type{
				.status-top-line{ background: transparent;}
			}
			&:last-of-type{
        .status-line{ background: transparent;}
        padding-bottom: 10px;
			}
		}
	}
	.no-message {
		height: 180px;
		.no-message-text {
			font-family: PingFangSC-Regular;
			font-size: 12px;
			color: rgba(0,0,0,0.45);
			letter-spacing: 0;
			text-align: center;
			line-height: 18px;
			margin-top: 20px;
		}
	}
	.check-history-message {
		position: relative;
		bottom: 0;
		border-top: #DDDDDD 1px solid;
		height: 31px;
		cursor: pointer;
		&:hover {
			background: #f1f2f7;
		}
		.text {
			font-family: PingFangSC-Regular;
			font-size: 12px;
			color: #4786FF;
			letter-spacing: 0;
		}
	}
}